<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/maps/hubei.js"></script>

</head>
<body>
<div id="686c5c0be91941eaa80f8b81ea8a06e4" class="chart-container" style="width:900px; height:500px;"></div>
<script>
    var chart_686c5c0be91941eaa80f8b81ea8a06e4 = echarts.init(
        document.getElementById('686c5c0be91941eaa80f8b81ea8a06e4'), 'white', {renderer: 'canvas'});
    var option_686c5c0be91941eaa80f8b81ea8a06e4 = {
        "animation": true,
        "animationThreshold": 2000,
        "animationDuration": 1000,
        "animationEasing": "cubicOut",
        "animationDelay": 0,
        "animationDurationUpdate": 300,
        "animationEasingUpdate": "cubicOut",
        "animationDelayUpdate": 0,
        "color": [
            "#c23531",
            "#2f4554",
            "#61a0a8",
            "#d48265",
            "#749f83",
            "#ca8622",
            "#bda29a",
            "#6e7074",
            "#546570",
            "#c4ccd3",
            "#f05b72",
            "#ef5b9c",
            "#f47920",
            "#905a3d",
            "#fab27b",
            "#2a5caa",
            "#444693",
            "#726930",
            "#b2d235",
            "#6d8346",
            "#ac6767",
            "#1d953f",
            "#6950a1",
            "#918597"
        ],
        "series": [
            {
                "type": "map",
                "name": "\u7d2f\u8ba1\u786e\u8bca",
                "label": {
                    "show": true,
                    "position": "top",
                    "margin": 8,
                    "fontSize": 12
                },
                "mapType": "\u6e56\u5317",
                "data": [
                    {
                        "name": "\u6b66\u6c49\u5e02",
                        "value": 50006
                    },
                    {
                        "name": "\u5b5d\u611f\u5e02",
                        "value": 3518
                    },
                    {
                        "name": "\u9ec4\u5188\u5e02",
                        "value": 2907
                    },
                    {
                        "name": "\u8346\u5dde\u5e02",
                        "value": 1580
                    },
                    {
                        "name": "\u9102\u5dde\u5e02",
                        "value": 1394
                    },
                    {
                        "name": "\u968f\u5dde\u5e02",
                        "value": 1307
                    },
                    {
                        "name": "\u8944\u9633\u5e02",
                        "value": 1175
                    },
                    {
                        "name": "\u9ec4\u77f3\u5e02",
                        "value": 1015
                    },
                    {
                        "name": "\u5b9c\u660c\u5e02",
                        "value": 931
                    },
                    {
                        "name": "\u8346\u95e8\u5e02",
                        "value": 928
                    },
                    {
                        "name": "\u54b8\u5b81\u5e02",
                        "value": 836
                    },
                    {
                        "name": "\u5341\u5830\u5e02",
                        "value": 672
                    },
                    {
                        "name": "\u4ed9\u6843\u5e02",
                        "value": 575
                    },
                    {
                        "name": "\u5929\u95e8\u5e02",
                        "value": 496
                    },
                    {
                        "name": "\u6069\u65bd\u571f\u5bb6\u65cf\u82d7\u65cf\u81ea\u6cbb\u5dde",
                        "value": 252
                    },
                    {
                        "name": "\u6f5c\u6c5f\u5e02",
                        "value": 198
                    },
                    {
                        "name": "\u795e\u519c\u67b6\u6797\u533a",
                        "value": 11
                    }
                ],
                "roam": true,
                "zoom": 1,
                "showLegendSymbol": true,
                "emphasis": {},
                "rippleEffect": {
                    "show": true,
                    "brushType": "stroke",
                    "scale": 2.5,
                    "period": 4
                },
                "is_show": false
            }
        ],
        "legend": [
            {
                "data": [
                    "\u7d2f\u8ba1\u786e\u8bca"
                ],
                "selected": {
                    "\u7d2f\u8ba1\u786e\u8bca": true
                },
                "show": true,
                "padding": 5,
                "itemGap": 10,
                "itemWidth": 25,
                "itemHeight": 14
            }
        ],
        "tooltip": {
            "show": true,
            "trigger": "item",
            "triggerOn": "mousemove|click",
            "axisPointer": {
                "type": "line"
            },
            "textStyle": {
                "fontSize": 14
            },
            "borderWidth": 0
        },
        "title": [
            {
                "text": "\u6e56\u5317\u7701\u5b9e\u65f6\u786e\u8bca\u6570\u636e",
                "subtext": "\u6570\u636e\u6765\u6e90\uff1a\u4e01\u9999\u56ed",
                "padding": 5,
                "itemGap": 10
            }
        ],
        "visualMap": {
            "show": true,
            "type": "piecewise",
            "min": 0,
            "max": 100,
            "inRange": {
                "color": [
                    "#50a3ba",
                    "#eac763",
                    "#d94e5d"
                ]
            },
            "calculable": true,
            "inverse": false,
            "splitNumber": 5,
            "orient": "vertical",
            "showLabel": true,
            "itemWidth": 20,
            "itemHeight": 14,
            "borderWidth": 0,
            "pieces": [
                {
                    "min": 10000,
                    "color": "#540d0d"
                },
                {
                    "max": 9999,
                    "min": 1000,
                    "color": "#9c1414"
                },
                {
                    "max": 999,
                    "min": 500,
                    "color": "#d92727"
                },
                {
                    "max": 499,
                    "min": 100,
                    "color": "#ed3232"
                },
                {
                    "max": 99,
                    "min": 10,
                    "color": "#f27777"
                },
                {
                    "max": 9,
                    "min": 1,
                    "color": "#f7adad"
                },
                {
                    "max": 0,
                    "color": "#f7e4e4"
                }
            ]
        }
    };
    chart_686c5c0be91941eaa80f8b81ea8a06e4.setOption(option_686c5c0be91941eaa80f8b81ea8a06e4);
</script>
</body>
</html>
